/* --- CSS pro Stínování Produktových Boxů --- */

/* Hlavní kontejner karty produktu (.p) */
.product .p {
  /* Základní stín */
  box-shadow: 0 6px 19px rgba(0, 0, 0, 0.09) !important;

  /* Zaoblení rohů (doporučeno pro hezčí stín) - upravte dle potřeby nebo odstraňte */
  border-radius: 15px !important;

  /* Plynulý přechod pro hover efekt */
  transition: box-shadow 0.3s ease, transform 0.3s ease !important;

  /* Odstranění výchozího rámečku Shoptetu (pokud existuje a nechcete ho) */
  border: none !important;

  /* Zajistí, že pozadí je bílé (nebo jiné), aby stín vynikl */
  background-color: #ffffff !important;

  /* Přidáno pro lepší kompatibilitu a zabránění oříznutí stínu */
  overflow: visible !important; /* Změna z hidden na visible */
}

/* Zvýraznění stínu při najetí myší */
.product .p:hover {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12) !important;
  /* Volitelné: Lehké povysunutí nahoru při najetí */
  transform: translateY(-4px) !important;
}

/* Obal jednotlivého produktu v mřížce - zajištění prostoru pro stín */
.products-block .product {
   padding-bottom: 10px; /* Přidá malý prostor pod každým produktem */
   /* Pokud používáte grid, mezery (gap) by měly stačit. */
   /* Pokud používáte float nebo inline-block, možná budete potřebovat i margin. */
}